<!DOCTYPE html>

<html lang="en" class="login-content" data-ng-app="materialAdmin">

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="Generator" content="EditPlus®">
		<meta name="Author" content="">
		<meta name="Keywords" content="">
		<meta name="Description" content="">
		<title>登录页</title>

		<link href="css/material-design-iconic-font/css/material-design-iconic-font.min.css" rel="stylesheet" type="text/css">
		<link href="css/app.min.1.css" rel="stylesheet" type="text/css">
	</head>

	<body class="login-content" data-ng-controller="loginCtrl as lctrl">

		<div class="lc-block" id="l-login" data-ng-class="{'toggled':lctrl.login === 1}">
			<h1 class="lean">登陆</h1>

			<div class="input-group m-b-20">
				<span class="input-group-addon">
    			<i class="zmdi zmdi-account"></i>
    		</span>
				<div class="fg-line">
					<input type="text" class="form-control" placeholder="用户名" regex="^\w{3,16}$" />
				</div>
			</div>

			<div class="input-group m-b-20">
				<span class="input-group-addon">
    			<i class="zmdi zmdi-male"></i>
    		</span>
				<div class="fg-line">
					<input type="password" class="form-control" placeholder="密码" regex="^\w+" />
				</div>
			</div>

			<div class="clearfix"></div>

			<div class="checkbox">
				<label>
    			<input type="checkbox" value="" />
    			<i class="input-helper">
    				保持登录状态
    			</i>
    		</label>
			</div>

			<a href="ft5_51_listing/index.html" class="btn btn-login btn-danger btn-float">
				<i class="zmdi zmdi-arrow-forward"></i>
			</a>

			<ul class="login-navigation">
				<li class="bgm-red" data-ng-click="lctrl.login = 0; lctrl.register = 1">注册</li>
				<li data-block="#l-forget-password" class="bgm-orange" data-ng-click="lctrl.login = 0; lctrl.forgot = 1">忘记密码?</li>
			</ul>
		</div>

		<div class="lc-block" id="l-register" data-ng-class="{ 'toggled': lctrl.register === 1 }" data-ng-if="lctrl.register === 1">
			<h1 class="lean">注册</h1>

			<div class="input-group m-b-20">
				<span class="input-group-addon">
    			<i class="zmdi zmdi-account"></i>
    		</span>
				<div class="fg-line">
					<input type="text" class="form-control" placeholder="用户名" regex="^\w{3,16}$" />
				</div>
			</div>

			<div class="input-group m-b-20">
				<span class="input-group-addon">
    			<i class="zmdi zmdi-email"></i>
    		</span>
				<div class="fg-line">
					<input type="text" class="form-control" placeholder="Email" regex="^\w+@\w+\.[a-zA-Z]+(\.[a-zA-Z]+)?$" />
				</div>
			</div>

			<div class="input-group m-b-20">
				<span class="input-group-addon">
    			<i class="zmdi zmdi-male"></i>
    		</span>
				<div class="fg-line">
					<input type="password" class="form-control" placeholder="密码" regex="^\w+" />
				</div>
			</div>

			<div class="clearfix"></div>

			<div class="checkbox">
				<label>
    			<input type="checkbox" value=""/>
    			<i class="input-helper"></i>
    			接受许可协议
    		</label>
			</div>

			<a href="ft5_51_listing/index.html" class="btn btn-login btn-danger btn-float"><i class="zmdi zmdi-arrow-forward"></i></a>

			<ul class="login-navigation">
				<li data-block="#l-login" class="bgm-green" data-ng-click="lctrl.register = 0; lctrl.login = 1">登陆</li>
				<li data-block="#l-forget-password" class="bgm-orange" data-ng-click="lctrl.register = 0; lctrl.forgot = 1">忘记密码?</li>
			</ul>
		</div>

		<div class="lc-block" id="l-forget-password" data-ng-class="{ 'toggled': lctrl.forgot === 1 }" data-ng-if="lctrl.forgot === 1">
			<h1 class="lean">忘记密码</h1>
			<p class="text-left">输入可用的邮件地址</p>
			<div class="input-group m-b-20">
				<span class="input-group-addon"><i class="zmdi zmdi-email"></i></span>
				<div class="fg-line">
					<input type="text" class="form-control" placeholder="Email Address" regex="^\w+@\w+\.[a-zA-Z]+(\.[a-zA-Z]+)?$" />
				</div>
			</div>

			<a href="ft5_51_listing/index.html" class="btn btn-login btn-danger btn-float"><i class="zmdi zmdi-arrow-forward"></i></a>

			<ul class="login-navigation">
				<li data-block="#l-login" class="bgm-green" data-ng-click="lctrl.forgot = 0; lctrl.login = 1">登陆</li>
				<li data-block="#l-register" class="bgm-red" data-ng-click="lctrl.forgot = 0; lctrl.register = 1">注册</li>
			</ul>
		</div>
	</body>

	<script src="http://www.jq22.com/jquery/2.1.1/jquery.min.js"></script>
	<script src="js/bower_components/angular/angular.min.js"></script>
	<script src="js/bower_components/angular-resource/angular-resource.min.js"></script>
	<script src="js/bower_components/angular-animate/angular-animate.min.js"></script>

	<script src="js/bower_components/angular-ui-router/release/angular-ui-router.min.js"></script>
	<script src="js/bower_components/angular-loading-bar/src/loading-bar.js"></script>
	<script src="js/bower_components/oclazyload/dist/ocLazyLoad.min.js"></script>
	<script src="js/bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>

	<script src="js/bower_components/angular-nouislider/src/nouislider.min.js"></script>
	<script src="js/bower_components/ng-table/dist/ng-table.min.js"></script>

	<script src="js/app.js"></script>
	<script src="js/controllers/main.js"></script>
	<script src="js/controllers/ui-bootstrap.js"></script>

	<script src="js/modules/form.js"></script>

</html>